<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		*{
			margin: 0px;
			padding: 0px;
		}
		.fl {
			 float: left;
		}
		.fr {
			 float: right;
		}
		.clean {
			 clear: both;
		}
		.container {
			 width: 960px;
			 margin: 100px auto;
		}
		.nav {
			width: 100%;
			heigh: 40px;
			background-color: rgb(0, 0, 127);
		}
		.nav ul{
			list-style-type: none;
		}
		.nav ul li {
			width: 120px;
			height: 40px;
		}
		.nav ul li a{
			display: block;
			width: 7.5rem;
			height: 40px;
			color: white;
			text-align: center;
			line-height: 40px;
			text-decoration: none;
		}
		.nav ul li a:hover{
			background-color: #87CEEB;
			font-weight: bold;
		}</style>
	</head>
	<body>
		<div class="nav">
			<div class="container">
				<ul>
					<li class="fl"><a href="#">首页</a></li>
					<li class="fl"><a href="#">国内</a></li>
					<li class="fl"><a href="#">国际</a></li>
					<li class="fl"><a href="#">军事</a></li>
					<li class="fl"><a href="#">财经</a></li>
					<li class="fl"><a href="#">娱乐</a></li>
					<li class="fl"><a href="#">体育</a></li>
					<li class="fl"><a href="#">互联网</a></li>
					<div class="clean"></div>
				</ul>
			</div>
		</div>
	</body>
</html>
